<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Gooey Templates : Tables</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
		<meta http-equiv="Pragma" content="no-cache" />
		<link rel="stylesheet" href="css/reset-fonts.css" type="text/css" media="screen, projection" />
		<link rel="stylesheet" href="css/gt-styles.css" type="text/css" media="screen, projection" />
	</head>
	<body>
		<!-- head -->
		<div class="gt-hd clearfix">
			<!-- logo -->
			<div class="gt-logo">
				cms style app
			</div>
			<!-- / logo -->
			
			<!-- utility box -->
			<div class="gt-util-box">
				<div class="gt-util-box-inner">
					<p>welcome <strong>sarah</strong> | <a href="">logout</a></p>
				</div>
			</div>
			<!-- / utility box -->
			
			<!-- navigation -->
			<div class="gt-nav">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="base.html">Base HTML</a></li>
					<li><a href="tables.html">Tables</a></li>
					<li><a href="forms.html">Forms</a></li>
					<li><a href="text-styles.html">Text Styles</a></li>
					<li><a href="buttons.html">Buttons</a></li>
					<li><a href="login.html">Login</a></li>
				</ul>
			</div>
			<!-- / navigation -->
			
		</div>
		<!-- / head -->
		
		<!-- body -->
		<div class="gt-bd gt-cols clearfix">
			<!-- breadcrumb -->
			<div class="gt-breadcrumb">
				<p><a href="">Home</a> <span class="gt-separator">::</span> <a class="gt-current" href="">Tables</a></p>
			</div>
			<!-- / breadcrumb -->
			
			<!-- main content -->
			<div class="gt-content">
				
				<!-- Article List Table -->
				<!-- This table can be used for listing things like articles, pages or blog entries -->
				<h2 class="gt-table-head">Current Articles</h2>
				<!-- Table Controls -->
				<div class="gt-table-controls clearfix">
					<form action="" class="gt-table-picker">
						<select>
							<option>Choose Section...</option>
							<option>Blog</option>
							<option>Contact</option>
							<option>About</option>
						</select>
					</form>
					<p class="gt-table-pager"><a class="current" href="">1</a> | <a href="">2</a> | <a href="">3</a> <a href="">&raquo;</a></p>
				</div><!-- /Table Controls -->
				<table border="0" class="gt-list-table">
					<thead>
						<tr>
							<th class="gt-first gt-table-col-checkbox"><img src="images/gt/icon-checkbox.gif" alt="Checkbox" /></th>
							<th>Title</th>
							<th>Section</th>
							<th class="gt-last">Last Updated</th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>Blog</td>
							<td>December 8, 2007</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>Blog</td>
							<td>December 8, 2007</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>About</td>
							<td>December 8, 2007</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>About</td>
							<td>December 8, 2007</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>Contact</td>
							<td>December 8, 2007</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>Blog</td>
							<td>December 8, 2007</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Coders seek better UI solutions for their web apps</a></td>
							<td>Blog</td>
							<td>December 8, 2007</td>
						</tr>
					</tbody>
				</table>
				<div class="gt-table-buttons">
					<a href=""><img src="images/gt/btn-new.jpg" alt="New" title="New" /></a>
					<a href=""><img src="images/gt/btn-delete.jpg" alt="Delete" title="Delete" /></a>
				</div>
				<!-- / Article Table List -->
				
				
				<!-- User List Table -->
				<!-- This table can be used for listing things like users -->
				<h2 class="gt-table-head">User List</h2>
				<table border="0" class="gt-list-table">
					<thead>
						<tr>
							<th class="gt-first gt-table-col-checkbox"><img src="images/gt/icon-checkbox.gif" alt="Checkbox" /></th>
							<th>User Name</th>
							<th class="gt-last">Email</th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">username</a></td>
							<td><a href="">email@example.com</a></td>
						</tr>
					</tbody>
				</table>
				<div class="gt-table-buttons">
					<a href=""><img src="images/gt/btn-add.jpg" alt="Add" title="Add" /></a>
				</div>
				<!-- / User List -->
				
				
				<!-- Comments Table -->
				<!-- This table can be used for listing things like user comments -->
				<h2 class="gt-table-head">Recent Comments</h2>
				<!-- Table Controls -->
				<div class="gt-table-controls clearfix">
					<p class="gt-table-pager"><a class="current" href="">1</a> | <a href="">2</a> | <a href="">3</a> <a href="">&raquo;</a></p>
				</div><!-- /Table Controls -->
				<table border="0" class="gt-list-table">
					<thead>
						<tr>
							<th class="gt-first gt-table-col-checkbox"><img src="images/gt/icon-checkbox.gif" alt="Checkbox" /></th>
							<th>Comment Title</th>
							<th>User</th>
							<th>Date Posted</th>
							<th class="gt-last">Status</th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Re: Rapid UI Solutions - I love it!</a></td>
							<td>user</td>
							<td>December 9, 2007</td>
							<td>Pending Approval</td>
						</tr>
					</tbody>
				</table>
				<div class="gt-table-buttons">
					<a href=""><img src="images/gt/btn-delete.jpg" alt="Add" title="Add" /></a>
				</div>
				<!-- / Comments -->
				
				
				<!-- Categories Table -->
				<!-- This table can be used for listing things like article categories -->
				<h2 class="gt-table-head">Current Categories</h2>
				<table border="0" class="gt-list-table">
					<thead>
						<tr>
							<th class="gt-first gt-table-col-checkbox"><img src="images/gt/icon-checkbox.gif" alt="Checkbox" /></th>
							<th>Categories</th>
							<th class="gt-last"></th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Blog</a></td>
							<td></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">About</a></td>
							<td></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">Contact</a></td>
							<td></td>
						</tr>
					</tbody>
				</table>
				<!-- Table Controls -->
				<div class="gt-table-controls clearfix">
					<p class="gt-table-pager"><a class="current" href="">1</a> | <a href="">2</a> | <a href="">3</a> <a href="">&raquo;</a></p>
				</div><!-- /Table Controls -->
				<div class="gt-table-buttons">
					<a href=""><img src="images/gt/btn-new.jpg" alt="New" title="New" /></a>
					<a href=""><img src="images/gt/btn-delete.jpg" alt="Add" title="Add" /></a>
				</div>
				<!-- / Categories -->
				
				
				<!-- Files Table -->
				<!-- This table can be used for listing things like files, pictures, documents, etc -->
				<h2 class="gt-table-head">Files</h2>
				<table border="0" class="gt-list-table">
					<thead>
						<tr>
							<th class="gt-first gt-table-col-checkbox"><img src="images/gt/icon-checkbox.gif" alt="Checkbox" /></th>
							<th class="gt-last">File Name</th>
						</tr>
					</thead>
					
					<tbody>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">blog-image.gif</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">about-us-photos.jpg</a></td>
						</tr>
						<tr>
							<td><input type="checkbox" /></td>
							<td><a href="">balloon-pic.jpg</a></td>
						</tr>
					</tbody>
				</table>
				<div class="gt-table-buttons">
					<a href=""><img src="images/gt/btn-new.jpg" alt="New" title="New" /></a>
					<a href=""><img src="images/gt/btn-delete.jpg" alt="Add" title="Add" /></a>
				</div>
				<!-- / Files -->
				
				
			</div>
			<!-- / main content -->
			
			<!-- sidebar -->
			<div class="gt-sidebar">
				<!-- Sidebar Navigation -->
				<div class="gt-sidebar-nav">
					<h3>Quick Links</h3>
					<ul>
						<li><a href="">Add a New Post</a></li>
						<li><a href="">Edit User Settings</a></li>
						<li><a href="">View Live Site</a></li>
					</ul>
				</div><!-- /Sidebar Navigation -->
			</div>
			<!-- / sidebar -->
			
		</div>
		<!-- / body -->
		
		<!-- footer -->
		<div class="gt-footer">
			<p>Copyright &copy; 2008 Gooey Templates - <a href="http://www.gooeytemplates.com" target="_blank">GooeyTemplates.com</a></p>
		</div>
		<!-- /footer -->
	</body>
</html>